<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<link rel="shortcut icon" href="images/logo.ico" />
		<title>闪度生活</title>
		<meta name="keywords" content=" " />
		<meta name="description" content=" " />

		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">

		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/jquery-ui.min.js"></script>
		<script src="js/easing.js"></script>
		<script src="js/swiper-3.4.1.min.js"></script>
		<script src="js/index.js"></script>
		<script src="js/main.js"></script>

		<script src="./js/vue.js"></script>
		<script src="./js/axios.min.js"></script>
		<script src="./js/axios-config.js"></script>
		<script src="./js/js.cookie.js"></script>
		<script src="./js/utils.js"></script>

	</head>

	<body>
		<div id="app" v-cloak>
			<!--  / header  -->
			<div class="header_longevity">
				<div class="header_map_longevity">
					<img src="images/jiantou.png" alt="">
					<span>返回</span>
				</div>
				<div class="logo_longevity">长寿秘诀</div>
				<div class="header_shop_longevity">资讯分类</div>
			</div>
			<!--  / header  -->

			<!--  / list  -->
			<div class="longevity">
				<div class="longevity1" v-for="cate in CheatsCateTodayList">
					<div class="longevity1-title">{{cate[0].add_time}}</div>
					<ul>
						<li class="longevity1-content" v-for="ca in cate" @click="jump(ca.cheats_id)">
							<div class="longevity1-content-left">
								<p class="longevity1-content-text2">{{ca.title}}</p>
								<p class="longevity1-content-text1">
									<img src="images/news_pl1.png" alt="" class="img1">
									<span>{{ca.evaluate}}</span>
									<i v-if="ca.is_read">已读</i>
									<i v-else>未读</i>
								</p>
							</div>
							<div class="longevity1-content-right">
								<img :src="ca.pic" alt="" class="img2">
							</div>
							<table style="clear:both;"></table>
						</li>
					</ul>
				</div>
				<!--<div class="longevity1">
					<div class="longevity1-title">上传时间 : 2018-01-11 &nbsp;&nbsp;16 : 12 : 20</div>
					<ul>
						<li class="longevity1-content">
							<div class="longevity1-content-left">
								<p class="longevity1-content-text2">福建考生登录福建省打开肌肤</p>
								<p class="longevity1-content-text1">
									<img src="images/news_pl1.png" alt="" class="img1">
									<span>0</span>
									<i>未读</i>
								</p>
							</div>
							<div class="longevity1-content-right">
								<img src="images/long_2.jpg" alt="" class="img2">
							</div>
							<table style="clear:both;"></table>
						</li>
					</ul>
				</div>
				<div class="longevity1">
					<div class="longevity1-title">上传时间 : 2018-01-11 &nbsp;&nbsp;16 : 12 : 20</div>
					<ul>
						<li class="longevity1-content">
							<div class="longevity1-content-left">
								<p class="longevity1-content-text2">福建考生登录福建省打开肌肤</p>
								<p class="longevity1-content-text1">
									<img src="images/news_pl1.png" alt="" class="img1">
									<span>0</span>
									<i>未读</i>
								</p>
							</div>
							<div class="longevity1-content-right">
								<img src="images/long_3.jpg" alt="" class="img2">
							</div>
							<table style="clear:both;"></table>
						</li>
						<li class="longevity1-content">
							<div class="longevity1-content-left">
								<p class="longevity1-content-text2">福建考生登录福建省打开肌肤</p>
								<p class="longevity1-content-text1">
									<img src="images/news_pl1.png" alt="" class="img1">
									<span>0</span>
									<i>未读</i>
								</p>
							</div>
							<div class="longevity1-content-right">
								<img src="images/long_2.png" alt="" class="img2">
							</div>
							<table style="clear:both;"></table>
						</li>
					</ul>
				</div>-->

			</div>

			<!--  / footer  -->
			<!-- <div class="footer">
  <ul class="clearfix">
    <a href="##">
    <li class="on">
    	  <div class="footer_img footer_img1">
      		  <img src="images/ic_home_home_gray.png">
      		  <img src="images/ic_home_home_yellow.png">
        </div>
        <span>主页</span>
    </li>
    </a>
    <a href="##">
    <li>
    	  <div class="footer_img footer_img1">
      		  <img src="images/ic_home_yishu_gray.png">
      		  <img src="images/ic_home_yishu_yellow.png">
        </div>
        <span>老故事</span>
    </li>
    </a>
    <li class="ind_share_btn">
    	  <div class="footer_img footer_img2">
    	  	  <img src="images/ic_dibutiao_shandu_gray.png">
    	  	  <img src="images/ic_dibutiao_shandu_yellow.png">
    	  </div>
    </li>
    <li>
    	  <div class="footer_img footer_img1">
      		  <img src="images/ic_home_dingdan_gray.png">
      		  <img src="images/ic_home_dingdan_yellow.png">
        </div>
        <span>订单</span>
    </li>
    <a href="##">
    <li>
    	  <div class="footer_img footer_img1">
    	      <img src="images/ic_home_geren_gray.png">	
    	      <img src="images/ic_home_geren_yellow.png">	
    	  </div>	
        <span>我的</span>
    </li>
    </a>
  </ul>
</div> -->
			<!--  / footer  -->
		</div>
	</body>
	<script>
		$(window).ready(function() {

			var vm = new Vue({
				el: "#app",
				data() {
					return {
						CheatsCateTodayList: []
					}
				},
				created: function() {
					var $this = this;
					$this.getCheats_today();
				},
				mounted: function() {

				},
				methods: {

					//今日咨询列表
					getCheats_today: function() {
						var $this = this;
						const data = {
							//  			cate_id : getCookie("Cheats_cate_id")
						}
						Axios.post(window.Url.Cheats_today,data).then((res) => {
							if(res.result == 1) {
								
								$this.CheatsCateTodayList = res.info.cheats;
								console.log($this.CheatsCateTodayList);
							} else {
								console.log('今日咨询列表:' + res.info);
							}

						}).catch((err) => {
							console.log('今日咨询列表:' + err);
						})
					},
					//跳转详情页
					jump: function(cheats_id) {
						setCookie('cheats_details_id', cheats_id)
						window.location.href = "InformationDetails.html";
					}
				}
			})

			$('.banner').height($(window).width() * 400 / 750);

			var mySwiper_banner = new Swiper('.swiper-container-banner', {
				loop: true,
				pagination: '.swiper-pagination-banner',
				autoplay: 5000,
				autoplayDisableOnInteraction: false,
			})
			$('.header_map_longevity').click(function() {
				history.go(-1);
			});
			$('.header_shop_longevity').click(function() {
				window.location.href = "InformationClassify.html";
			});

		})
	</script>

</html>